﻿*						{margin:0px;	padding:0px;}
body					{background-color:#fff;}
ul						{list-style:none;display:block;padding: 0;}
li						{float:left}
a						{text-decoration:none;}
a:visited				{color:#009933}

ul li a					{font:bold 13px Arial,sensif;}
li span					{text-align:center;}

#error {width:100%;height:auto;position:absolute} 
#error span{background:red;color:#fff}

#firstLine				{background-color:#006EB8;width:100%;height:45px;margin-bottom:2px}

#top-bar				{height: 45px;margin:auto;width: 1000px;}
#top-bar a				{color:#FFFFFF;font:15px Arial,sensif;}
#top-bar-right			{float:right;text-align: center;margin-top:10px;margin-right: 5px;}
#top-bar-right .li-lv1 a {background-color:#006E25;padding:3px;border:1px solid #fff}
#top-bar-right.li-lv1.img {margin-bottom:3px}
#top-bar-right .li-lv1 a:hover{background-color:#338B51}
#top-bar-right-img {top: 2px;margin-right: 10px;}
#top-bar-right-img p {margin-top: 3px;color:#fff}
#top-bar-right-img img {margin-top: -4px;}
#top-bar p,img	{float:left}
.img img{margin-top:-4px}
.dropmenu-top-right {margin-top:5px}
.li-lv1 {display:block;float:left;position:relative;color:#fff;cursor: pointer;}
.li-lv2 a:hover{background:red;display:block;width:200px;}

.wrap-ul-lv1 {margin-top:5.5px;}
.ul-lv1 {display:none;background:green;position:absolute;width:200px;min-height:50px}
.li-lv1:hover .ul-lv1 {display:block;left:0px;background-color:#green;}


#container				{width:1000px;min-height:865px;	margin:auto;}
#header					{width:1000px;height:299px;float:left;}
#menu-top				{background-color:#008AE6;width:1000px;	height:30px;float:left;border:1px;}
#menu-top ul				{margin-left:240px;}
#menu-top ul li {display: inline;float: left;width:100px}
#menu-top ul li a			{background-color: #008AE6;display:block;color:#fff;width:auto;	padding: 9px 4px 4px 10px;text-align:center;}
#menu-top ul li a:hover		{background-color:	#007ACC;border-radius:5px;transition-property:color;transition-duration: 0.5s;}

#menu-top ul li ul{display:none;position:absolute;}
#menu-top ul li:hover ul{display:block;float:right}
#menu-top ul li ul li a{}
#menu-top ul li ul li {background-color:green;display:inline;width:100px}



#center					{width:999px;height:auto;float:left;margin-top:3px;background-color:#FFFFFF;border:1px solid #dfdfdf}
#center2				{width:1000px;height:auto;float:left;margin: 10px 0px 0px 0px}
#center2 h1		{font-size: 25px;line-height: 32px;color: #434343;}

#ct_img img		{width:342px;height:342px;float:left;border: 1px solid #CCC;}
#thongso	{float:left;margin-left: 20px;width: 400px;}

#menu-left-name			{background-color:#006E25;color:#FFFFFF;width:192px;height:30px;border:4px solid #006E25;font:bold 17px Arial,sensif;text-align:center;margin-bottom:4px}

#menu-left				{background-color:#FFFFFF;float:left;width:200px;height:auto;margin-top:10px;margin-left:5px}
#menu-left ul li			{margin-top:1px;}
#menu-left ul li a			{background-color:#0099FF;display:block;	color:#fff;	width:195px;	padding: 10px 5px 4px 0px;	border: 1px bold #FFFFFF;}
#menu-left ul li a:hover	{background-color:#007ACC;transition-property:background;transition-duration: 0.5s;}

#menu-left ul li ul{display:none;position:absolute}
#menu-left ul li:hover ul{display:block}
#menu-left ul li ul li a{background-color:red}

#menu-left_ul img {margin: 0px 10px;}
#menu-left_hotl {margin-top: 10px;float: left;}

#table						{width:786px;min-height:488px;float:right;background-color:#FFFFFF;margin-left:4px;}
#table li					{border: 1px solid #CCC;text-align:center;	box-shadow: 1px 1px 1px #888888;margin:2px;float:left;}
#table li:hover				{color:#0099FF;	border: 1px solid #0099FF;	box-shadow: 3px 3px 3px #888888;image-height:500px;}
.sp		{width:190px;	height:280px;}
.sp .price	{color:red;padding:15px}
.sp .name {color:#000;margin-top: 20px;}
.sp img	{width:184px;	height:200px;margin-bottom: 8px;}
.sp span{display:block}
.img_w144_h130	{width:144px;	height:130px;}

#table-head 	{width:750px;height:30px;background-color:#FFFFFF;margin-top:10px;padding:2px;text-align:center}
#topSp 	{width:200px;height:30px;background-color:#006E25;border-top-right-radius:10px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;}
#topSp span	{font:bold 17px Arial,sensif;color:#FFFFFF}
#topSp-boder-bottom {width:770px;background-color:#FFFFFF;border-bottom:2px solid #000000}



/*box left*/
#left-box-name	{width:200px; height:auto;float:left;background-color:red;margin-top:10px;margin-left:5px;font:bold 17px Arial,sensif;color:#FFFFFF}
#left-box	{width:200px;height:180px;background-color:cyan}

#lineX 			{background:url(../images/lineX.png) repeat-x top;width:100%;height:8px;float:left}
#footer						{width:100%;height:auto;background-color:	#efefef;float:left;text-align:center;margin-top:3px;display:block} 
#footer-container			{background-color:#006EB8;}
#footer span				{display:block;}



#hor-zebra{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size: 12px;margin-left: 15px;min-width: 480px;text-align: left;border-collapse: collapse;margin-top:10px}
#hor-zebra th{background-color:#3399FF;text-align: left;font-size: 14px;font-weight: normal;padding: 10px 8px;color: #039;}
#hor-zebra .tr-1{}
#hor-zebra .tr-2{background-color:#E6E6E6}
#hor-zebra td{padding: 8px;color: #669;}
#hor-zebra .odd{background: red; }

#table-user			{min-width:786px;max-height:488px;float:right;background-color:#FFFFFF;margin-right:8px;}
#table-user-table		{margin:8px}
#table-customer	{clear:both;margin:auto;height:auto;font-family: Tahoma;}
#table-customer th {text-transform:uppercase}
#table-customer td {font-size:14px;padding:4px}
#table_cart_list  {margin-bottom: 5px;border:1px solid rgb(204, 201, 201);width:100%;font-family: Tahoma;}
#table_cart_list tbody tr  {border: 1px solid red;}
#table_cart_list .table_head {background-color:#E6E6E6}
#float_left{float:left;}
#float_right{float:right;margin-right:20px}

/*input select button...*/
.number	{width:50px;height:30px}
.btn_info {border:1px solid #aaa;padding:6px 4px;width:300px;border-radius:5px;font-size:14px}
.select_info {border:1px solid #aaa;padding:6px 4px;width:80px;border-radius:5px;font-size:14px}
.btn_submit {border:1px solid #aaa;padding:6px 4px;width:100px;border-radius:5px;font-size:14px;box-shadow: 0 1px 0 #fff;}

.btn_submit:hover {background:blue;color:#ffffff;border:1px solid #005C00}

.btn_button_ {cursor:pointer;background:#0052CC;color:#fff;padding:6px 4px;min-width:100px;font-size:14px;box-shadow: 0 1px 0 #fff;}

.lbl_ {font:bold 17px Arial,sensif}
.input_text_w150_h30		{border: 1px solid #CCC;width:150px;height:30px;font-family: Tahoma;font-size: 18px;}
.input_text_w200_h30		{border: 1px solid #CCC;width:200px;height:30px;font-family: Tahoma;font-size: 18px;}
.input_text_w235_h30		{border: 1px solid #CCC;width:235px;height:30px;font-family: Tahoma;font-size: 18px;}
.input_text_w300_h30		{border: 1px solid #CCC;width:300px;height:30px;font-family: Tahoma;font-size: 18px;}
.input_text_w312_h30		{border: 1px solid #CCC;width:312px;height:30px;font-family: Tahoma;font-size: 18px;}
#border-bottom_w317_h2	{width:240px;border-bottom: 2.3px solid #e3e7f0;}
#border-bottom_w320_h2	{width:320px;border-bottom: 2.3px solid #e3e7f0;}
.icon {width:30px;height:30px}
.font_20_cl_red {color:red;font-size:20px;font-family:'lucida grande',tahoma,verdana,arial,sans-serif}
.a_red {background-color:red}
.color_red {color:red}
#bg-red {background:red}
.txt_w300_h25{width: 300px;height: 25px;}
.btn_w80_h29 {height: 29px;width: 80px;cursor: pointer;}
#search {float: left;margin: 10px 0px 0px 20px;}
.img_hotline {width: 200px;height: 220px;}
/**/

/*so sanh compare*/


#table_ss_list  {margin-bottom: 5px;width:100%;font-family: Tahoma;}
#table_ss_list tbody tr  {float: left;width: 330px;}
#table_ss_list tbody td  {float: left;width: 300px;border:1px solid #ccc;padding:10px}
#table_ss_list .table_head {width:150px;float:left}
#table_ss_list th {float:left;}
#table_ss_list #sp_th { height:135px}
#table_ss_list #tskt_ht {height:240px}
/**/


.cart-list {}
#table-user-table .btn_submit	{width:120px;height:30px;margin:15px 10px 1px 1px;}
#table-user-table .btn_submit:hover	{background-color:#FF9900;color:#FFFFFF}


/*style admin*/
#footerad					{width:100%;height:auto;background-color:#000000;float:left;text-align:center;margin-top:3px;}
#footerad span				{background-color:#000000;color:#FFFFFF}

#div_login	{margin:10px;}
#content_login div{margin-top:10px}
.list-total {width:100%;float:right}
.list-total span {float:right;padding:10px}

